@extends('desktop.layout._base')
@section('title', '回到那年')
<script type="text/javascript" src="https://cools.qctt.cn/front/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="https://cools.qctt.cn/front/js/swiper.min.js"></script>
@section('swiper-container')
<div class="swiper-container" style="margin-bottom:10px;">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <a href="" target="_self">
                <img src="http://cools.qctt.cn/1516241653296?imageView2/1/w/750/h/420">
                <div class="blur_bg">
                </div>
                <p>轮播图</p>
            </a>
        </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<script type="text/javascript">
    /*设置初始播放位置*/
    var swiper = new Swiper('.swiper-container', {
        pagination: 'null',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        slidesPerView: 1,
        paginationClickable: true,
        autoplay: false,
        autoplayDisableOnInteraction: false,
        loop: false
    });

    //点击页面链接跳转前保存导航当前的index值
    $(".swiper-slide a").bind("click", function () {
        var i = $(".swiper-slide-active").index();
        sessionStorage.setItem("index", i);
    })
</script>
@endsection
@section('mainContent')

<style>
    .img3_box {
        height: 1.75rem;
        float: left;
        position: relative;
        overflow: hidden;
    }
    </style>

<div class="artlist_content">
    <ul class="pic-list">
        <li>
            <a href="" class="A ui-link" target="_self">
                <span class="pic seted_wh" style="width: 115px; height: 86.25px;">
                    <img src="http://cools.qctt.cn/1519802692731?imageView2/1/w/400/h/300"  class="img_adapted" style="display: block; width: 100%; height: 100%;">
                </span>

                <p class="title"><span class="tuiGuang">推广</span>新锐时尚SUV XR-V品质升级</p>

                <p class="txt">
                    <span class="date"></span>
                </p>
            </a>
        </li>
        <li class="video_list3">
            <a href="" target="_self" class="ui-link">
                <p class="word">
                    <span class="yuanChuang">原创</span>
                    传蔚来汽车赴美IPO，官方回应：全部精力放在制造及交付
                </p>

                <div class="clearfix">
                    <span class="img3_box" style="margin: 0 0 0 2px;">
                        <img src="http://cools.qctt.cn/20180228_1519807104901507.jpg?imageView2/1/w/750/h/560/" class="img_adapted" style="display: block; width: 121px; height: auto; margin-top: -8.9375px; border-radius: 0px;">
                    </span>
                    <span class="img3_box" style="margin: 0 12px">
                         <img src="http://cools.qctt.cn/20180228_1519806730217246.jpg?imageView2/1/w/750/h/560/" class="img_adapted" style="display: block; width: 120px; height: auto; margin-top: -0.8px; border-radius: 0px;">
                    </span>
                    <span class="img3_box" style="margin: 0 2px 0 0">
                        <img src="http://cools.qctt.cn/20180228_1519806741438607.jpg?imageView2/1/w/750/h/560/" class="img_adapted" style="display: block; width: 121px; height: auto; margin-top: -1.17333px; border-radius: 0px;">
                    </span>
                </div>
                <p class="txt">
                    <span class="date">汽车头条</span>
                    <span class="date pubtime">37分钟前</span>
                </p>
            </a>
        </li>
    </ul>
</div>

@endsection